<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Happy Study - 快乐学习、开心学习、主流计算机语言纯免费在线自学平台</title>
    <meta name="baidu-site-verification" content="code-z8wgdiDdpq" />
    <meta name="keywords" content="Happy Study，快乐学习，开心学习，Java、C++、Python，在线平台，在线笔记，笔记平台，在线Java题库，Java自学平台">
    <meta name="description" content="Happy Study - Java、C++、Python、小程序等主流语言自学平台主流计算机语言在线自学平台">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
</head>
<body>
<div class="main-div">
    <div th:replace="~{commons::headerbar(active='index')}"></div>
    <div class="content">
        <span th:text="${#httpServletRequest.getAttribute('code')}" class="msg-code"></span>
        <!-- banner图 -->
        <div class="layui-carousel banner" id="banner">
            <div carousel-item="" class="items">
                <div><img th:src="@{/images/1.png}"></div>
                <div><img th:src="@{/images/2.png}"></div>
                <div><img th:src="@{/images/3.png}"></div>
            </div>
        </div>
        <div class="fly-panel fly-rank fly-rank-reply good-works">
            <h2 class="panel-title">最新课程</h2>
            <div class="row">
                <div class="layui-col-sm20 item" th:each="courseEntity : ${courseEntities}">
                    <div class="grid-demo grid-demo-bg1">
                        <div class="work-item">
                            <div class="work-item-cover"><img src="http://cdn.tmooc.cn/bsfile//imgad///8D4204DFC45C40BCBF68150E442E1D18.png"/>
                            </div>
                            <div class="work-title"><span>【太空漫步】</span></div>
                            <div class="work-student"><span class="course">Java</span><span class="person-num"><i
                                    class="layui-icon layui-icon-user" style="font-size: 13px;"></i>1000人学习</span></div>
                        </div>
                    </div>
                </div>
                <div th:if="${courseEntities == null || courseEntities.size() == 0}" class="list-is-empty">
                    <span class="layui-icon layui-icon-component">暂无数据</span>
                </div>
            </div>
        </div>
    </div>
    <div th:replace="~{commons::footerbar}"></div>
</div>
</body>
<script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/js/index.js}"></script>
<script type="text/javascript" th:src="@{/js/main.js}"></script>
</html>
